<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>

	<link type="text/css" rel="Stylesheet"
		href="../../css/jquery-ui-1.8.20.custom.css" />

	<link type="text/css" rel="Stylesheet" href="../../css/style_coopac.css" />


</h:head>

<h:body>
	<div id="contenedor">
		<div id="headerPlataforma"></div>

		<div id="menu">
			<ui:include src="../00_genericos/menu.xhtml"></ui:include>
		</div>

		<div id="formularios">
			<h:form id="form" prependId="true">
				<div id="cuerpo">
					<p:panel header="Registro de JovenCoop" style="font-size:20px; height:50px;">
					</p:panel>
					<p:panel header="Buscar Persona" toggleable="true">
						<div class="rowForm">
							<div class="label">
								<label>Buscar por.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px">
									<f:selectItem itemLabel="Seleccione Criterio" itemValue="1" />
									<f:selectItem itemLabel="Documento" itemValue="2" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Criterio:</label>
							</div>
							<div class="field">
								<p:inputText style="width:157px" />
							</div>
							<div class="buttonSearch">
								<p:commandButton icon="ui-icon-search" id="boton"></p:commandButton>
							</div>
						</div>
					</p:panel>

					<p:panel header="Datos Persona Básicos III" toggleable="true">
						<div class="rowForm">
							<div class="label">
								<label>Ape.Paterno:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{persona.personaN.apellidoPaternoRazonSocial}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Ape.Materno:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.personaN.apellidoMaterno}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Nombres:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{persona.personaN.nombrePersonaNombreComercial}"
									style="width:453px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Doc.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{persona.idCTMNatural}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Documento" />
									<f:selectItems value="#{maestro.listaTipodocumento}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.documentoPersonaN.numero}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Fch.Nacimiento:</label>
							</div>
							<div class="calendar">
								<p:calendar></p:calendar>
							</div>
							<div class="label">
								<label>Sexo:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="" style="width:160px">
									<f:selectItem itemLabel="Elige Sexo" />
									<f:selectItems value="" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Estado Civil:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="" style="width:160px">
									<f:selectItem itemLabel="Estado Civil" />
									<f:selectItems value="" />
								</p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Grado Estudios:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="" style="width:160px">
									<f:selectItem itemLabel="Grado Estudios" />
									<f:selectItems value="" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Profesión:</label>
							</div>
							<div class="field">
								<p:inputText value="" style="width:157px" />
							</div>
							<div class="label">
								<label>Ocupación:</label>
							</div>
							<div class="field">
								<p:inputText value="" style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Teléfono:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{persona.idCTMTelf}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Telef:" />
									<f:selectItems value="#{maestro.listaTipotelefono}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.telefonoPersonaN.numero}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Anexo:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.telefonoPersonaN.anexo}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Email:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.personaN.email}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Página Web:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.personaN.paginaWeb}"
									style="width:453px" />
							</div>
						</div>
					</p:panel>

					<ui:include src="../00_genericos/datos_domiciliarios_persona.xhtml"></ui:include>

					<p:panel header="Datos Padre" toggleable="true">

						<div class="rowForm">
							<div class="label">
								<label>Buscar por.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px">
									<f:selectItem itemLabel="Seleccione Criterio" itemValue="1" />
									<f:selectItem itemLabel="Documento" itemValue="2" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Criterio:</label>
							</div>
							<div class="field">
								<p:inputText style="width:157px" />
							</div>
							<div class="buttonSearch">
								<p:commandButton icon="ui-icon-search" id="boton77"></p:commandButton>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Ape.Paterno:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{persona.personaN.apellidoPaternoRazonSocial}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Ape.Materno:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.personaN.apellidoMaterno}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Nombres:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{persona.personaN.nombrePersonaNombreComercial}"
									style="width:453px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Doc.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{persona.idCTMNatural}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Documento" />
									<f:selectItems value="#{maestro.listaTipodocumento}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.documentoPersonaN.numero}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Fch.Nacimiento:</label>
							</div>
							<div class="calendar">
								<p:calendar></p:calendar>
							</div>
							<div class="label">
								<label>Sexo:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="" style="width:160px">
									<f:selectItem itemLabel="Elige Sexo" />
									<f:selectItems value="" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Estado Civil:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="" style="width:160px">
									<f:selectItem itemLabel="Estado Civil" />
									<f:selectItems value="" />
								</p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Grado Estudios:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="" style="width:160px">
									<f:selectItem itemLabel="Grado Estudios" />
									<f:selectItems value="" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Profesión:</label>
							</div>
							<div class="field">
								<p:inputText value="" style="width:157px" />
							</div>
							<div class="label">
								<label>Ocupación:</label>
							</div>
							<div class="field">
								<p:inputText value="" style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Teléfono:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{persona.idCTMTelf}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Telef:" />
									<f:selectItems value="#{maestro.listaTipotelefono}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.telefonoPersonaN.numero}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Anexo:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.telefonoPersonaN.anexo}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Email:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.personaN.email}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Página Web:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.personaN.paginaWeb}"
									style="width:453px" />
							</div>
						</div>
					</p:panel>

					<p:panel header="Datos Madre" toggleable="true">

						<div class="rowForm">
							<div class="label">
								<label>Buscar por.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px">
									<f:selectItem itemLabel="Seleccione Criterio" itemValue="1" />
									<f:selectItem itemLabel="Documento" itemValue="2" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Criterio:</label>
							</div>
							<div class="field">
								<p:inputText style="width:157px" />
							</div>
							<div class="buttonSearch">
								<p:commandButton icon="ui-icon-search" id="boton54"></p:commandButton>
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Ape.Paterno:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{persona.personaN.apellidoPaternoRazonSocial}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Ape.Materno:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.personaN.apellidoMaterno}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Nombres:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{persona.personaN.nombrePersonaNombreComercial}"
									style="width:453px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Doc.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{persona.idCTMNatural}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Documento" />
									<f:selectItems value="#{maestro.listaTipodocumento}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.documentoPersonaN.numero}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Fch.Nacimiento:</label>
							</div>
							<div class="calendar">
								<p:calendar></p:calendar>
							</div>
							<div class="label">
								<label>Sexo:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="" style="width:160px">
									<f:selectItem itemLabel="Elige Sexo" />
									<f:selectItems value="" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Estado Civil:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="" style="width:160px">
									<f:selectItem itemLabel="Estado Civil" />
									<f:selectItems value="" />
								</p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Grado Estudios:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="" style="width:160px">
									<f:selectItem itemLabel="Grado Estudios" />
									<f:selectItems value="" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Profesión:</label>
							</div>
							<div class="field">
								<p:inputText value="" style="width:157px" />
							</div>
							<div class="label">
								<label>Ocupación:</label>
							</div>
							<div class="field">
								<p:inputText value="" style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Teléfono:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{persona.idCTMTelf}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Telef:" />
									<f:selectItems value="#{maestro.listaTipotelefono}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.telefonoPersonaN.numero}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Anexo:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.telefonoPersonaN.anexo}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Email:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.personaN.email}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Página Web:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.personaN.paginaWeb}"
									style="width:453px" />
							</div>
						</div>
					</p:panel>

					<p:panel header="Datos Apoderado" toggleable="true">

						<div class="rowForm">
							<div class="label">
								<label>Buscar por.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px">
									<f:selectItem itemLabel="Seleccione Criterio" itemValue="1" />
									<f:selectItem itemLabel="Documento" itemValue="2" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Criterio:</label>
							</div>
							<div class="field">
								<p:inputText style="width:157px" />
							</div>
							<div class="buttonSearch">
								<p:commandButton icon="ui-icon-search" id="boton3"></p:commandButton>
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Ape.Paterno:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{persona.personaN.apellidoPaternoRazonSocial}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Ape.Materno:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.personaN.apellidoMaterno}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Nombres:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{persona.personaN.nombrePersonaNombreComercial}"
									style="width:453px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Doc.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{persona.idCTMNatural}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Documento" />
									<f:selectItems value="#{maestro.listaTipodocumento}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.documentoPersonaN.numero}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Fch.Nacimiento:</label>
							</div>
							<div class="calendar">
								<p:calendar></p:calendar>
							</div>
							<div class="label">
								<label>Sexo:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="" style="width:160px">
									<f:selectItem itemLabel="Elige Sexo" />
									<f:selectItems value="" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Estado Civil:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="" style="width:160px">
									<f:selectItem itemLabel="Estado Civil" />
									<f:selectItems value="" />
								</p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Grado Estudios:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="" style="width:160px">
									<f:selectItem itemLabel="Grado Estudios" />
									<f:selectItems value="" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Profesión:</label>
							</div>
							<div class="field">
								<p:inputText value="" style="width:157px" />
							</div>
							<div class="label">
								<label>Ocupación:</label>
							</div>
							<div class="field">
								<p:inputText value="" style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Teléfono:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{persona.idCTMTelf}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Telef:" />
									<f:selectItems value="#{maestro.listaTipotelefono}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.telefonoPersonaN.numero}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Anexo:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.telefonoPersonaN.anexo}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Email:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.personaN.email}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Página Web:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.personaN.paginaWeb}"
									style="width:453px" />
							</div>
						</div>
					</p:panel>

					<p:panel header="Datos Cuenta" toggleable="true">
						<div class="rowForm">
							<div class="label">
								<label>Monto Ingreso:</label>
							</div>
							<div class="field">
								<p:inputText value="#{persona.telefonoPersonaN.numero}"
									style="width:157px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Autor. Depósito:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value=""
									style="width:160px">
									<f:selectItem itemLabel="SI" itemValue="1"/>
									<f:selectItem itemLabel="NO" itemValue="2"/>
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Autoriza Retiro:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value=""
									style="width:160px">
									<f:selectItem itemLabel="SI" itemValue="1"/>
									<f:selectItem itemLabel="NO" itemValue="2"/>
								</p:selectOneMenu>
							</div>
						</div>
					</p:panel>

					<p:panel header="Procesar" toggleable="true">
						<div class="rowFormProcess">
							<div class="buttonProcess">
								<p:commandButton actionListener="#{persona.addPersona}"
									value="Grabar">
								</p:commandButton>
							</div>
							<div class="buttonProcess">
								<p:commandButton actionListener="#{persona.limpiarCampos}"
									update=":form" value="Limpiar"></p:commandButton>
							</div>
							<div class="buttonProcess">
								<p:commandButton value="PDF" actionListener="#{persona.toPDF}"></p:commandButton>
							</div>
						</div>
					</p:panel>
				</div>
			</h:form>
		</div>

		<div id="footerPlataforma"></div>

	</div>
</h:body>

</html>